﻿/*class to body used to cascade for the dark theme*/
body.dark
{
	background: url(../Images/darkLeftBodyBgr.png) repeat-y top left #333;
	color: #8a8a8a;
}

/*right body background*/
.dark .galRightBgr 
{
	background: url(../Images/darkRightBodyBgr.png) repeat-y top right;
}

/*logo*/
.dark .galHeader h1 a 
{
    background: url("../Images/appGalLogo.png") no-repeat scroll 0 -97px transparent;
}

.dark .galSwitchViewButtons 
{
	background: #333;
}

/*Upload*/
.dark a.RadButton.rbLinkButton.headerUpload 
{
	color: #d4d4d4;
}

/*rotator*/
.dark .galRotator .RadRotator .rrButton {
    background-image: url("../Images/darkRotatorSprite.png");
}

.dark .galRotator .rrButton.rrButtonLeft.rrButtonDisabled,
.dark .galRotator .rrButton.rrButtonRight.rrButtonDisabled
{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

/* Info content round button IE6-IE8 hacks */
.dark .galInfoContent .RadButton 
{
	*background-image: url(../Images/darkInfoButtonOld.png) !important;
}

.galInfoContent .RadButton.galHideInfo 
{
	*background-image: url(../Images/arrowRight.png) !important;
}

@media \0screen {
  .dark .galInfoContent .RadButton 
		{
			background-image: url(../Images/darkInfoButtonOld.png) !important;
			background-position: 0 0;
		}
	.dark .galInfoContent .RadButton.galHideInfo 
		{
			background-image: url(../Images/arrowRight.png) !important;
			background-position: 12px 34px;
		}
}
/* End Info content round button IE6-IE8 hacks */

.dark .galFooter 
{
    background: #000;
}

.RadForm.rfdTextbox .dark input[type="text"],
.RadForm.rfdTextbox .dark textarea 
{
	background-color: #444;
	border-color: #080808;
	color: #fff;
}

.RadForm.rfdTextbox .dark input[type="text"]:hover,
.RadForm.rfdTextbox .dark textarea:hover,
.dark .galShareSection .riTextBox:hover,
.dark .galShareSection .riTextBox:active,
.dark .galShareSection .riTextBox:focus
{
	border-color: #5c5c5c;
}

.RadForm.rfdButton .dark a.rfdSkinnedButton, 
.RadForm.rfdButton .dark input.rfdDecorated[type="button"], 
.RadForm_.rfdButton .dark input.rfdDecorated[type="reset"], 
.RadForm.rfdButton .dark input.rfdDecorated[type="submit"], 
.RadForm.rfdButton .dark .rfdSkinnedButton button, 
.RadForm.rfdButton .dark a.rfdInputDisabled.rfdSkinnedButton:hover, 
.RadForm.rfdButton .dark a.rfdInputDisabled.rfdSkinnedButton:hover *,
.RadForm.rfdButton .dark a.rfdSkinnedButton:hover, 
.RadForm.rfdButton .dark a.rfdSkinnedButton:hover *,
.dark div.RadUploadSubmit,
.dark  div.RadUpload_Metro .ruButton, 
.dark div.RadUploadProgressArea_Metro .ruButton,
.dark div.RadUploadSubmit:hover,
.dark  div.RadUpload_Metro .ruButton:hover, 
.dark div.RadUploadProgressArea_Metro .ruButton:hover
{
    background-color: #d4d4d4 !important;
    border: 1px solid #d4d4d4 !important;
}

/*pager*/
.dark .galPager a 
{
	color: #898989;
}

.dark .galPager a:hover
{
	border: 1px solid #898989;
}

.dark .galPager a.galCurrentPageButton 
{
    background: #d4d4d4;
    color: #000;
}

.dark .galShareSection .riTextBox 
{
	background-color: #444;
	color: #fff;
	border-color: #080808;
}

.dark .RadGrid 
{
	background-color: #000;
}

.dark div.galGridViewWrapper .rgHeader,
.dark .RadGrid .rgAltRow td 
{
	border-color: #9c9c9c;
}

.dark .gallTitle 
{
	color: #fff;
}

.dark .RadGrid .rgAltRow 
{
    background: #333;
}

.dark div.galGridViewWrapper .rgRow:hover,
.dark div.galGridViewWrapper .rgAltRow:hover
{
	background-color: #444;
}

